<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head lang="zh-CN">
    <base href="<%=basePath%>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>已购服务</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--<link rel="stylesheet" type="text/css" href="styles.css">-->
	<link href="${basePath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
	<script type="text/javascript" src="${basePath}/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="${basePath}/layer/2.4/layer.js"></script>
	<style type="text/css">
		.round {
		   -moz-border-radius: 10px;      /* Gecko browsers */
		   -webkit-border-radius: 10px;   /* Webkit browsers */
		   border-radius:10px;            /* W3C syntax */
		}
	</style>
	<script type="text/javascript">
			function my(){
				var moblie=document.getElementById("moblie").value;
				window.location.href="${basePath}/u/home?userid="+moblie;
			}
			function buy(){
				var moblie=document.getElementById("moblie").value;
				window.location.href="${basePath}/u/JumpBuy?userid="+moblie;
			}
			function rightUnit(){
				var moblie=document.getElementById("moblie").value;
				window.location.href="${basePath}/v/grant?userid="+moblie;
			}
	</script>
  </head>
  <body>
  	<div class="container-fluid">
      <div class="row">
      	<input type="hidden" name="moblie" id="moblie" value="${user.userid}">
     	<table border="0px solid red" width="100%" height="30%">
     		<tr height="10%" onclick="buy()">
     			<td colspan="3">
	     				<div style="float: left; border: px red solid; width: 20%; margin-left:5%; height:100%;"><img alt="" src="${basePath}/csh/image/time.jpg" style="border: 0px red solid; height: 40px;width: 40px;"></div>
	     				<div style="float: left; border: px red solid; width: 70%; height:100%; font-size: 16px;">个人刷脸${year}年有效<br><br><font style="font-size: 12px; ">授权有效时间:${user.updatetime} - ${user.idnumber}</font></div>
     					<br><br><br>
     					<div style="border: 1px #bbbbbb solid; width: 90%; margin-left: 5%;"></div>
     			</td>
     		</tr>
     		<tr height="10%" onclick="rightUnit()">
     			<td colspan="3">
	     				<div style="float: left; border: px red solid; width: 20%; margin-left:5%; height:100%;"><img alt="" src="${basePath}/csh/image/time.jpg" style="border: 0px red solid; height: 40px;width: 40px;"></div>
	     				<div style="float: left; border: px red solid; width: 70%; height:100%; font-size: 16px;">目前可授权人数${numbers},已使用${size}<br></div>
     					<br><br><br>
     					<div style="border: 1px #bbbbbb solid; width: 90%; margin-left: 5%;"></div>
     			</td>
     		</tr>
     	</table>

     	<table border="0px solid red" width="100%" height="70%">

     		<tr height="5%" style="background-color: #f0f0f0;">
     			<td colspan="3">已购详情</td>
     		</tr>
     		<#list payList as v>
	     		<tr height="10%">
	     			<td colspan="3">
		     				<div style="float: left; border: px red solid; width: 30%; height:100%; text-align: center;">${v.time}<br><font style="font-size: 14px; color: #abb5b8;">刷脸续费</font></div>
		     				<div style="float: left; border: px red solid; width: 20%; height:100%; ">个人版<br>${v.year}年有效</div>
		     				<div id="number" style="float: left; border: px red solid; width: 20%; height:100%; ">授权版<br>${v.number}年有效</div>
		     				<div style="float: left; border: px red solid; width: 25%; height:100%; text-align: right;">￥${v.moeny}<br>*${v.total}</div>
	     					<br><br><br>
	     					<div style="border: 1px #bbbbbb solid;"></div>
	     			</td>
	     		</tr>
     		</#list>
     		<tr height="20%">
     			<td colspan="3">
     			</td>
     		</tr>

     	</table>

      </div>
    </div>
  </body>
</html>
